<template>
	<view>
		<view class="box">
			<u-text :text="`当前完成进度 ${count}/${tests.length}`" lineHeight="50px" size="20px" color="#fff"
				align="left"></u-text>
		</view>
		<view>
			<u-list>
				<u-list-item v-for="test in tests" :key="test.id">
					<u-cell :title="test.name" :label="test.note">
						<template #right-icon>
							<u-button :text="test.word" type="primary" size="small"
								@click.stop="but(test.id,test.url)"></u-button>
						</template>
					</u-cell>
				</u-list-item>
			</u-list>
		</view>
	</view>
</template>
<!---->
<script>
	export default {
		data() {
			return {
				tests: [{
						name: '自动绘画测评',
						note: '请画图',
						id: 0,
						word:'进入绘画',
						url: '/pages/psychologyModel/drawingAnalysis/drawing/drawing'
					},
					{
						name: '选择图片生成报告',
						note: '请选择一张',
						id: 1,
						word:'进入选择',
						url: '/pages/psychologyModel/drawingAnalysis/selectImage/selectImage'
					}
				],
				count: 0,
				title: '画图分析'
			};
		},
		methods: {
			but(id, url) {
				console.log(`即将进入分析，分析 ID 为: ${id}`);
				uni.navigateTo({
					url: url
				});
			}
		}
	};
</script>

<style scoped>
	* {
		margin: 0;
		padding: 0;
	}

	.box {
		height: 50px;
		width: 100%;
		background-color: #02a7f0;
		display: flex;
		align-items: center;
		padding-left: 15px;
	}

	.text-area {
		width: 100%;
		height: 100%;
	}
	/deep/ .u-cell__title-text.data-v-913eaa32 {
		font-size: 35rpx !important;
	}
	
</style>